
<template>
  <Container :breadcrumb="breadcrumb">
    <a-card :tabList="tabListNoTitle"
            :loading="isLoading"
            :activeTabKey="key"
            @tabChange="onTabChange"
            slot="container">
      {{contentListNoTitle[key]}}
    </a-card>
  </Container>
</template>
<script>

/**
 * @description Operation Log Component
 */

import Container from '@/components/common/Container'
// import Api from '@api'

const breadcrumbConfig = [
  {
    path: '/dashboard',
    breadcrumbName: "i18n_common_home_page"
  },
  {
    path: '/global-param',
    breadcrumbName: "i18n_menu_system_manager_label"
  },
  {
    path: '',
    breadcrumbName: "i18n_menu_operation_log_label"
  }
]
const contentListNoTitle = {
  certificate: `this is certification`,
  auth: `auth content`
}

export default {
  data() {
    return {
      breadcrumb: breadcrumbConfig,
      key: 'certificate',
      isLoading: false,
      contentListNoTitle: contentListNoTitle
    }
  },
  computed: {
    tabListNoTitle() {
      return [
        {
          key: 'certificate',
          tab: this.$t("i18n_system_config_certificate_label")
        },
        {
          key: 'auth',
          tab: this.$t("i18n_system_config_auth_label")
        }
      ]
    }
  },
  methods: {
    onTabChange(key) {
      this.key = key
    }
  },
  components: {
    Container
  }
}
</script>
